學會了 HTML 的基本骨架之後，今天，我們要看到跟這兩個核心的標籤
<head></head>這個標籤主要是說明網頁的資訊，包括編碼、標題，只會存在一個
今天先講跟文字有關的部分
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
1.<meta>:描寫網頁資訊
如:charset="UTF-8:表示網頁的編碼為 "UTF-8" 格式，可以讓我們中文顯示時不會出現亂碼name="viewport":告訴瀏覽器這個設定是針對「視窗」(viewport)，也就是螢幕顯示區域。content="width=device-width:讓網頁寬度自動跟著裝置螢幕寬度調整。initial-scale=1.0":設定網頁初始縮放比例為 100%。
2.<title>如名稱就是一個網頁標題，在瀏覽器最上面的分頁上可以看到
<body> </body> 是呈現這個網頁的內容，一樣只會有一個
<h1> </h1>：<h1> ... <h6> 主要是網頁內容的標題，從 1 ~ 6，可以當成是一種階層關係，通常 <h1> 就像 Word 的文章標題，只有一個，接下來是章 <h2>，再來是節 <h3>，最多就是細分到 <h6>
<body>
<h1>這是 h1</h1>
<h2>這是 h2</h2>
<h3>這是 h3</h3>
<h4>這是 h4</h4>
<h5>這是 h5</h5>
<h6>這是 h6</h6>
</body>
效果如圖:
會呈現大小不同的字
<p> </p>：就是一般的段落 (paragraph)，若有 2 個 <p> </p> 可以發現顯示時會幫你換行，若沒有用 <p> 隔開，就算自己換行，顯示出來也會是連在一起
<body>
<p>這是 p 段落</p>
<p>有 P 第一段</p><p>有 P 第二段</p>
第一段
第二段
</body>
效果如圖
<br>：換行，當輸入<br>後，會進行換行動作
<body>
<p>這是 p 段<br>落</p>
第一段<br>第二段
</body>
可以觀察到，在段時被 <br> 強迫換行了
跟用2個<P>換行的差別在於<p>實際上是兩個區塊，而<br>則是在一個區塊裡面換行
iThome鐵人賽
看影片追技術